<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>小兔鲜儿-新鲜、惠民、快捷！</title>
  <meta name="description" content="小兔鲜儿官网，致力于打造全球最大的食品、生鲜电商购物平台。">
  <meta name="keywords" content="小兔鲜儿,食品,生鲜,服装,家电,电商,购物">
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>
  <!-- 快捷菜单 -->
  <div class="shortcut">
    <div class="wrapper">
      <ul>
        <li><a href="#">请先登录</a></li>
        <li><a href="#">免费注册</a></li>
        <li><a href="#">我的订单</a></li>
        <li><a href="#">会员中心</a></li>
        <li><a href="#">帮助中心</a></li>
        <li><a href="#">在线客服</a></li>
        <li><a href="#"><span></span>手机版</a></li>
      </ul>
    </div>
  </div>

  <!-- 头部 -->
  <div class="header wrapper">
    <div class="logo">
      <h1>
        <a href="#">小兔鲜儿</a>
      </h1>
    </div>
    <div class="nav">
      <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">生鲜</a></li>
        <li><a href="#">美食</a></li>
        <li><a href="#">餐厨</a></li>
        <li><a href="#">电器</a></li>
        <li><a href="#">居家</a></li>
        <li><a href="#">洗护</a></li>
        <li><a href="#">孕婴</a></li>
        <li><a href="#">服装</a></li>
      </ul>
    </div>
    <div class="search">
      <input type="text" name="" id="" placeholder="搜一搜">
      <span></span>
    </div>
    <div class="car"><span>2</span></div>
  </div>

  <!-- banner -->
  <div class="banner">
    <div class="wrapper">
      <!-- 背景图 -->
      <ul>
        <li><a href="#"><img src="./uploads/banner_1.png" alt=""></a></li>
      </ul>
      <!-- 侧导航 -->
      <div class="aside">
        <ul>
          <li><a href="#">生鲜<span>水果 蔬菜</span></a></li>
          <li><a href="#">美食<span>面点 干果</span></a></li>
          <li><a href="#">餐厨<span>数码产品</span></a></li>
          <li><a href="#">电器<span>床品 四件套 被枕</span></a></li>
          <li><a href="#">居家<span>奶粉 玩具 辅食</span></a></li>
          <li><a href="#">洗护<span>洗发 洗护 美妆</span></a></li>
          <li><a href="#">孕婴<span>奶粉 玩具</span></a></li>
          <li><a href="#">服饰<span>女装 男装</span></a></li>
          <li><a href="#">杂货<span>户外 图书</span></a></li>
          <li><a href="#">品牌<span>品牌制造</span></a></li>
        </ul>
      </div>
      <!-- 箭头 -->
      <a href="#" class="prev"></a>
      <a href="#" class="next"></a>
      <!-- 圆点 -->
      <ol>
        <li></li>
        <li></li>
        <li class="current"></li>
        <li></li>
        <li></li>
      </ol>
    </div>
  </div>

  <!-- 新鲜好物 -->
  <div class="goods wrapper">
    <!-- hd 头部 -->
    <div class="hd">
      <h2>新鲜好物<span>新鲜出炉 品质靠谱</span></h2>
      <a href="#">查看全部</a>
    </div>
    <!-- 身体 -->
    <div class="bd clearfix">
      <ul>
        <li>
          <a href="#">
            <img src="./uploads/new_goods_1.jpg" alt="">
            <h3>睿米无线吸尘器F8</h3>
            <div>￥<span>899</span></div>
            <b>新品</b>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./uploads/new_goods_2.jpg" alt="">
            <h3>智能环绕3D空调</h3>
            <div>￥<span>1299</span></div>
            <b>新品</b>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./uploads/new_goods_3.jpg" alt="">
            <h3>广东软软糯米煲仔饭</h3>
            <div>￥<span>129</span></div>
            <b>新品</b>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./uploads/new_goods_4.jpg" alt="">
            <h3>罗西机械智能手表</h3>
            <div>￥<span>3399</span></div>
            <b>新品</b>
          </a>
        </li>
      </ul>
    </div>
  </div>

  <!-- 人气推荐 -->
  <div class="popular wrapper">
    <!-- hd 头部 -->
    <div class="hd">
      <h2>人气推荐<span>人气爆款 不容错过</span></h2>
    </div>
    <!-- 身体 -->
    <div class="bd clearfix">
      <ul>
        <li>
          <a href="#">
            <img src="./uploads/popular_1.jpg" alt="">
            <h3>特惠推荐</h3>
            <div><span>我猜得到你的需要</span></div>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./uploads/popular_2.jpg" alt="">
            <h3>爆款推荐</h3>
            <div><span>人气好物推荐</span></div>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./uploads/popular_3.jpg" alt="">
            <h3>场景使用一站买全</h3>
            <div><span>编辑精心整理推荐</span></div>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./uploads/popular_4.jpg" alt="">
            <h3>领券中心</h3>
            <div><span>发现更多超值优惠券</span></div>
          </a>
        </li>
      </ul>
    </div>
  </div>

  <!-- 热门品牌 -->
  <div class="brand-goods">
    <div class="wrapper">
      <div class="hd">
        <h2>热门品牌<span>国际经典 品质保证</span></h2>
        <div class="hd-right">
          <a href="#"></a>
          <a href="#"></a>
        </div>
      </div>
      <div class="bd clearfix">
        <ul>
          <li><a href="#"><img src="./uploads/brand_goods_1.jpg" alt=""></a></li>
          <li><a href="#"><img src="./uploads/brand_goods_2.jpg" alt=""></a></li>
          <li><a href="#"><img src="./uploads/brand_goods_3.jpg" alt=""></a></li>
          <li><a href="#"><img src="./uploads/brand_goods_4.jpg" alt=""></a></li>
          <li><a href="#"><img src="./uploads/brand_goods_5.jpg" alt=""></a></li>
        </ul>
      </div>
    </div>
  </div>

  <!-- 生鲜 -->
  <div class="fresh wrapper">
    <div class="hd">
      <h2>生鲜</h2>
      <a href="#" class="more">查看全部</a>
      <ul>
        <li><a href="#">水果</a></li>
        <li><a href="#">蔬菜</a></li>
        <li><a href="#">肉禽蛋</a></li>
        <li><a href="#">裤装</a></li>
        <li><a href="#">衬衫</a></li>
        <li><a href="#">T恤</a></li>
        <li><a href="#">内衣</a></li>
      </ul>
    </div>
    <div class="bd clearfix">
      <div class="bd-left">
        <a href="#">
          <img src="./uploads/fresh_goods_cover.png" alt="">
        </a>
      </div>
      <div class="bd-right">
        <ul>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/fresh_goods_1.jpg" alt="">
              </div>
              <div class="info">
                <h3>美威 智利原味三文鱼排 240g/袋 4片装</h3>
                <p class="type">海鲜年货</p>
                <p class="price"><span>¥</span> 59</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/fresh_goods_2.jpg" alt="">
              </div>
              <div class="info">
                <h3>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只</h3>
                <p class="type">火锅食材</p>
                <p class="price"><span>¥</span> 79</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/fresh_goods_3.jpg" alt="">
              </div>
              <div class="info">
                <h3>三都港 冷冻无公害黄花鱼 700g 2条 袋装</h3>
                <p class="type">海鲜水产</p>
                <p class="price"><span>¥</span> 49</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/fresh_goods_4.jpg" alt="">
              </div>
              <div class="info">
                <h3>渔公码头 大连鲜食入味 即食海参 辽参刺参</h3>
                <p class="type">调味海</p>
                <p class="price"><span>¥</span> 899</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/fresh_goods_5.jpg" alt="">
              </div>
              <div class="info">
                <h3>越南白心火龙果4个装 标准果400-550g</h3>
                <p class="type">新鲜水果</p>
                <p class="price"><span>¥</span> 20</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/fresh_goods_6.jpg" alt="">
              </div>
              <div class="info">
                <h3>广西沃柑 新鲜水果 柑橘1.5kg</h3>
                <p class="type">新鲜水果</p>
                <p class="price"><span>¥</span> 10</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/fresh_goods_7.jpg" alt="">
              </div>
              <div class="info">
                <h3>进口 牛油果 6个装 单果重约130-180g</h3>
                <p class="type">新鲜水果</p>
                <p class="price"><span>¥</span> 50</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/fresh_goods_8.jpg" alt="">
              </div>
              <div class="info">
                <h3>泰国进口山竹5A级 500g</h3>
                <p class="type">新鲜水果</p>
                <p class="price"><span>¥</span> 60</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>

  <!-- 服饰 -->
  <div class="fresh wrapper">
    <div class="hd">
      <h2>服饰</h2>
      <a href="#" class="more">查看全部</a>
      <ul>
        <li><a href="#">水果</a></li>
        <li><a href="#">蔬菜</a></li>
        <li><a href="#">肉禽蛋</a></li>
        <li><a href="#">裤装</a></li>
        <li><a href="#">衬衫</a></li>
        <li><a href="#">T恤</a></li>
        <li><a href="#">内衣</a></li>
      </ul>
    </div>
    <div class="bd clearfix">
      <div class="bd-left">
        <a href="#">
          <img src="./uploads/clothes_goods_cover.jpg" alt="">
        </a>
      </div>
      <div class="bd-right">
        <ul>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/clothes_goods_1.jpg" alt="">
              </div>
              <div class="info">
                <h3>美威 智利原味三文鱼排 240g/袋 4片装</h3>
                <p class="type">海鲜年货</p>
                <p class="price"><span>¥</span> 59</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/clothes_goods_2.jpg" alt="">
              </div>
              <div class="info">
                <h3>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只</h3>
                <p class="type">火锅食材</p>
                <p class="price"><span>¥</span> 79</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/clothes_goods_3.jpg" alt="">
              </div>
              <div class="info">
                <h3>三都港 冷冻无公害黄花鱼 700g 2条 袋装</h3>
                <p class="type">海鲜水产</p>
                <p class="price"><span>¥</span> 49</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/clothes_goods_4.jpg" alt="">
              </div>
              <div class="info">
                <h3>渔公码头 大连鲜食入味 即食海参 辽参刺参</h3>
                <p class="type">调味海</p>
                <p class="price"><span>¥</span> 899</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/clothes_goods_5.jpg" alt="">
              </div>
              <div class="info">
                <h3>越南白心火龙果4个装 标准果400-550g</h3>
                <p class="type">新鲜水果</p>
                <p class="price"><span>¥</span> 20</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/clothes_goods_6.jpg" alt="">
              </div>
              <div class="info">
                <h3>广西沃柑 新鲜水果 柑橘1.5kg</h3>
                <p class="type">新鲜水果</p>
                <p class="price"><span>¥</span> 10</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/clothes_goods_7.jpg" alt="">
              </div>
              <div class="info">
                <h3>进口 牛油果 6个装 单果重约130-180g</h3>
                <p class="type">新鲜水果</p>
                <p class="price"><span>¥</span> 50</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/clothes_goods_8.jpg" alt="">
              </div>
              <div class="info">
                <h3>泰国进口山竹5A级 500g</h3>
                <p class="type">新鲜水果</p>
                <p class="price"><span>¥</span> 60</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>

  <!-- 餐厨 -->
  <div class="fresh wrapper">
    <div class="hd">
      <h2>餐厨</h2>
      <a href="#" class="more">查看全部</a>
      <ul>
        <li><a href="#">水果</a></li>
        <li><a href="#">蔬菜</a></li>
        <li><a href="#">肉禽蛋</a></li>
        <li><a href="#">裤装</a></li>
        <li><a href="#">衬衫</a></li>
        <li><a href="#">T恤</a></li>
        <li><a href="#">内衣</a></li>
      </ul>
    </div>
    <div class="bd clearfix">
      <div class="bd-left">
        <a href="#">
          <img src="./uploads/kitchen_goods_cover.jpg" alt="">
        </a>
      </div>
      <div class="bd-right">
        <ul>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/kitchen_goods_1.jpg" alt="">
              </div>
              <div class="info">
                <h3>美威 智利原味三文鱼排 240g/袋 4片装</h3>
                <p class="type">海鲜年货</p>
                <p class="price"><span>¥</span> 59</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/kitchen_goods_2.jpg" alt="">
              </div>
              <div class="info">
                <h3>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只</h3>
                <p class="type">火锅食材</p>
                <p class="price"><span>¥</span> 79</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/kitchen_goods_3.jpg" alt="">
              </div>
              <div class="info">
                <h3>三都港 冷冻无公害黄花鱼 700g 2条 袋装</h3>
                <p class="type">海鲜水产</p>
                <p class="price"><span>¥</span> 49</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/kitchen_goods_4.jpg" alt="">
              </div>
              <div class="info">
                <h3>渔公码头 大连鲜食入味 即食海参 辽参刺参</h3>
                <p class="type">调味海</p>
                <p class="price"><span>¥</span> 899</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/kitchen_goods_5.jpg" alt="">
              </div>
              <div class="info">
                <h3>越南白心火龙果4个装 标准果400-550g</h3>
                <p class="type">新鲜水果</p>
                <p class="price"><span>¥</span> 20</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/kitchen_goods_6.jpg" alt="">
              </div>
              <div class="info">
                <h3>广西沃柑 新鲜水果 柑橘1.5kg</h3>
                <p class="type">新鲜水果</p>
                <p class="price"><span>¥</span> 10</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/kitchen_goods_7.jpg" alt="">
              </div>
              <div class="info">
                <h3>进口 牛油果 6个装 单果重约130-180g</h3>
                <p class="type">新鲜水果</p>
                <p class="price"><span>¥</span> 50</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/kitchen_goods_8.jpg" alt="">
              </div>
              <div class="info">
                <h3>泰国进口山竹5A级 500g</h3>
                <p class="type">新鲜水果</p>
                <p class="price"><span>¥</span> 60</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>

  <!-- 居家 -->
  <div class="fresh wrapper">
    <div class="hd">
      <h2>居家</h2>
      <a href="#" class="more">查看全部</a>
      <ul>
        <li><a href="#">水果</a></li>
        <li><a href="#">蔬菜</a></li>
        <li><a href="#">肉禽蛋</a></li>
        <li><a href="#">裤装</a></li>
        <li><a href="#">衬衫</a></li>
        <li><a href="#">T恤</a></li>
        <li><a href="#">内衣</a></li>
      </ul>
    </div>
    <div class="bd clearfix">
      <div class="bd-left">
        <a href="#">
          <img src="./uploads/home_goods_cover.jpg" alt="">
        </a>
      </div>
      <div class="bd-right">
        <ul>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/home_goods_1.jpg" alt="">
              </div>
              <div class="info">
                <h3>美威 智利原味三文鱼排 240g/袋 4片装</h3>
                <p class="type">海鲜年货</p>
                <p class="price"><span>¥</span> 59</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/home_goods_2.jpg" alt="">
              </div>
              <div class="info">
                <h3>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只</h3>
                <p class="type">火锅食材</p>
                <p class="price"><span>¥</span> 79</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/home_goods_3.jpg" alt="">
              </div>
              <div class="info">
                <h3>三都港 冷冻无公害黄花鱼 700g 2条 袋装</h3>
                <p class="type">海鲜水产</p>
                <p class="price"><span>¥</span> 49</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/home_goods_4.jpg" alt="">
              </div>
              <div class="info">
                <h3>渔公码头 大连鲜食入味 即食海参 辽参刺参</h3>
                <p class="type">调味海</p>
                <p class="price"><span>¥</span> 899</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/home_goods_5.jpg" alt="">
              </div>
              <div class="info">
                <h3>越南白心火龙果4个装 标准果400-550g</h3>
                <p class="type">新鲜水果</p>
                <p class="price"><span>¥</span> 20</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/home_goods_6.jpg" alt="">
              </div>
              <div class="info">
                <h3>广西沃柑 新鲜水果 柑橘1.5kg</h3>
                <p class="type">新鲜水果</p>
                <p class="price"><span>¥</span> 10</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/home_goods_7.jpg" alt="">
              </div>
              <div class="info">
                <h3>进口 牛油果 6个装 单果重约130-180g</h3>
                <p class="type">新鲜水果</p>
                <p class="price"><span>¥</span> 50</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img-box">
                <img src="./uploads/fresh_goods_8.jpg" alt="">
              </div>
              <div class="info">
                <h3>泰国进口山竹5A级 500g</h3>
                <p class="type">新鲜水果</p>
                <p class="price"><span>¥</span> 60</p>
              </div>
              <div class="find">
                <p>找相似</p>
                <p>发现更多宝贝 ></p>
              </div>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>

  <!-- 最新专题 -->
  <div class="topics">
    <div class="wrapper">
      <div class="hd">
        <h2>最新专题</h2>
        <a href="#">查看全部</a>
      </div>
      <div class="bd clearfix">
        <ul>
          <li>
            <a href="#">
              <div class="box">
                <div class="info">
                  <h3>吃这些美食才不算辜负自己</h3>
                  <div class="type">餐厨起居洗护好物</div>
                  <div class="price"><span>¥</span> 29.9起</div>
                </div>
              </div>
            </a>
            <div class="social">
              <span class="like"> 1220</span>
              <span class="view"> 1800</span>
              <span class="reply"> 246</span>
            </div>
          </li>
          <li>
            <a href="#">
              <div class="box">
                <div class="info">
                  <h3>吃这些美食才不算辜负自己</h3>
                  <div class="type">餐厨起居洗护好物</div>
                  <div class="price"><span>¥</span> 29.9起</div>
                </div>
              </div>
            </a>
            <div class="social">
              <span class="like"> 1220</span>
              <span class="view"> 1800</span>
              <span class="reply"> 246</span>
            </div>
          </li>
          <li>
            <a href="#">
              <div class="box">
                <div class="info">
                  <h3>吃这些美食才不算辜负自己</h3>
                  <div class="type">餐厨起居洗护好物</div>
                  <div class="price"><span>¥</span> 29.9起</div>
                </div>
              </div>
            </a>
            <div class="social">
              <span class="like"> 1220</span>
              <span class="view"> 1800</span>
              <span class="reply"> 246</span>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>

  <!-- 页脚 -->
  <footer>
    <!-- 联系方式 -->
    <section class="xtx-contact wrapper">
      <div class="container">
        <!-- 客户服务 -->
        <dl class="customer">
          <dt>客户服务</dt>
          <dd class="chat">在线客服</dd>
          <dd class="feedback">问题反馈</dd>
        </dl>

        <!-- 关注我们 -->
        <dl class="follow">
          <dt>关注我们</dt>
          <dd class="weixin">公众号</dd>
          <dd class="weibo">微博</dd>
        </dl>

        <!-- 下载APP -->
        <dl class="download">
          <dt>下载APP</dt>
          <dd class="qrcode">
            <img src="./uploads/qrcode.png" alt="">
          </dd>
          <dd class="info">
            <p>扫描二维码</p>
            <p>立马下载APP</p>
            <a href="#">下载页面</a>
          </dd>
        </dl>

        <!-- 服务热线 -->
        <dl class="tel">
          <dt>服务热线</dt>
          <dd class="hotline">
            <p>400-0000-000</p>
            <p>周一至周日 8:00-18:00</p>
          </dd>
        </dl>

      </div>
    </section>
  </footer>

  <!-- 版权 -->
  <div class="footer">
    <div class="wrapper">
      <div class="top">
        <ul>
          <li><span>价格亲民</span></li>
          <li><span>物流快捷</span></li>
          <li><span>品质新鲜</span></li>
        </ul>
      </div>
      <div class="bottom">
        <p>
          <a href="#">关于我们</a> |
          <a href="#">帮助中心</a> |
          <a href="#">售后服务</a> |
          <a href="#">配送与验收</a> |
          <a href="#">商务合作</a> |
          <a href="#">搜索推荐</a> |
          <a href="#">友情链接</a>
        </p>
        <p>CopyRight @ 小兔鲜儿</p>
      </div>
    </div>
  </div>

</body>

</html>